<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" th:replace="~{common/base :: layout(~{::title}, ~{::content}, ~{::style}, ~{::script})}">
<head>
    <title>系统错误 - 优选商城</title>
    <style th:fragment="style"></style>
</head>
<body>
    <div th:fragment="content">
        <div class="container my-5">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="card border-danger">
                        <div class="card-header bg-danger text-white">
                            <h4 class="mb-0"><i class="bi bi-exclamation-triangle me-2"></i>系统错误</h4>
                        </div>
                        <div class="card-body text-center py-5">
                            <img src="/static/img/error.png" alt="错误" class="img-fluid mb-4" style="max-height: 200px;">
                            <h3 class="text-danger mb-4" th:text="${error}">系统繁忙，请稍后再试</h3>
                            <p class="text-muted mb-4" th:if="${message}" th:text="${message}">发生了一些错误，我们正在解决中</p>
                            <div class="d-flex justify-content-center gap-3">
                                <a href="/" class="btn btn-primary">
                                    <i class="bi bi-home me-2"></i>返回首页
                                </a>
                                <a href="javascript:history.back();" class="btn btn-outline-secondary">
                                    <i class="bi bi-arrow-left me-2"></i>返回上一页
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script th:fragment="script"></script>
</body>
</html> 